<template>
    <div class="hr-config-planning-container">
        <span class="print-btn">
            <router-link style="position: relative;" to="/main/renshi/renliziyuanguihua">返回</router-link>
            <el-button type="primary" icon="el-icon-printer" @click="printForm">打印</el-button>
        </span>
        <div class="page">
            <h1 class="main-title">薪酬与福利规划</h1>
            <!-- 薪酬规划部分 -->
            <div class="section">
                <h2 class="section-title">一、薪酬规划</h2>
                <!-- 薪酬体系设计 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">1. 薪酬体系设计</h3>
                    <p>薪酬体系设计是指根据企业的战略目标和员工的需求，制定一套完整的薪酬结构。合理的薪酬结构能够有效地控制成本，同时激发员工的积极性，实现企业与员工的共赢。薪酬体系通常涵盖以下几个部分：</p>
                    <ul class="content-list">
                        <li>基本工资：员工收入的主要部分，根据员工的学识、经验、职位重要程度等因素确定。</li>
                        <li>绩效工资：根据员工的业绩表现进行浮动，旨在激励员工创造更多价值。绩效工资的比例和计算方式需根据岗位级别、岗位对经营结果的影响程度等因素进行调整。</li>
                        <li>津贴补贴：根据特定情况如岗位、工作环境等给予，包括岗位津贴、交通补助、通讯补助、高温补贴等。</li>
                        <li>中长期激励：如股权激励、年终奖等，旨在将员工的发展与企业的发展紧密结合。</li>
                    </ul>
                </div>
                <!-- 薪酬水平确定 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">2. 薪酬水平确定</h3>
                    <p>薪酬水平的确定需考虑同行业、同地区的市场薪酬福利水平，以确保企业的薪酬福利体系具有竞争力。同时，还需根据企业的实际情况和员工的需求变化，灵活调整薪酬结构。</p>
                </div>
                <!-- 薪酬调整机制 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">3. 薪酬调整机制</h3>
                    <p>企业应建立薪酬调整机制，根据员工的绩效、市场变化、企业经营状况等因素，定期对薪酬进行调整。薪酬调整应遵循公平、公正、公开的原则，确保员工的整体收入水平既公平又具有竞争力。</p>
                </div>
            </div>
            <!-- 福利规划部分 -->
            <h2 class="section-title">二、福利规划</h2>
        </div>
        <div class="page">
            <div class="section">
                <!-- 法定福利 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">1. 法定福利</h3>
                    <p>企业应按照国家法律法规和政策规定，为员工缴纳社会保险和住房公积金，包括养老保险、医疗保险、工伤保险、失业保险和生育保险。这些法定福利旨在为员工提供基本的生活保障和风险防范。</p>
                </div>
                <!-- 企业福利 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">2. 企业福利</h3>
                    <p>企业福利是企业根据自身情况为员工提供的额外福利，旨在提高员工的满意度和忠诚度。企业福利的种类繁多，包括但不限于以下几个方面：</p>
                    <ul class="content-list">
                        <li>健康体检：每年为员工提供一次常规体检，关注员工的身体健康。</li>
                        <li>带薪休假：根据国家规定和企业政策，为员工提供带薪年假、病假、婚假、产假等。</li>
                        <li>节日福利：在传统节日为员工发放礼品或购物卡，营造节日氛围。</li>
                        <li>员工培训：为员工提供培训和发展机会，提升员工的专业技能和综合素质。</li>
                        <li>员工关怀：设立员工关怀基金，为员工及其家庭提供必要的帮助和支持。</li>
                    </ul>
                </div>
                <!-- 弹性福利计划 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">3. 弹性福利计划</h3>
                    <p>弹性福利计划是指企业根据员工的需求和偏好，提供多种福利选项供员工选择。这种福利计划旨在满足员工的个性化需求，提高员工的满意度和忠诚度。企业可以根据实际情况，设计符合自身特点的弹性福利计划。
                    </p>
                </div>
            </div>
            <h2 class="section-title">三、薪酬与福利规划的实施与监控</h2>
            <!-- 实施步骤 -->
            <div class="sub-section">
                <h3 class="sub-section-title">1. 实施步骤</h3>
                <ol class="step-list">
                    <li>明确目的与原则：制定薪酬与福利规划的目的和原则，确保规划与企业战略目标的一致性。</li>
                    <li>收集相关信息：收集企业发展战略、员工绩效、市场薪酬福利水平等信息，为制定规划提供依据。</li>
                    <li>制定规划方案：根据收集到的信息，制定具体的薪酬与福利规划方案。</li>
                </ol>
            </div>
        </div>
        <div class="page">
            <!-- 实施步骤 -->
            <div class="sub-section">
                <ol class="step-list" start="4">
                    <li>审议与修订：将规划方案提交给相关部门和领导进行审议和修订，确保方案的合理性和可行性。</li>
                    <li>实施与监控：按照规划方案进行实施，并对实施过程进行监控和调整，确保规划效果的达成。</li>
                </ol>
            </div>
            <!-- 薪酬与福利规划的实施与监控部分 -->
            <div class="section">

                <!-- 监控与评估 -->
                <div class="sub-section">
                    <h3 class="sub-section-title">2. 监控与评估</h3>
                    <p>企业应定期对薪酬与福利规划的实施效果进行监控和评估，以便及时调整和改进规划方案。监控和评估的内容包括员工的满意度、绩效表现、离职率等指标。根据评估结果，企业可以对薪酬与福利规划进行调整和优化，以更好地满足员工的需求和企业的发展目标。
                    </p>
                </div>
            </div>
            <!-- 总结部分 -->
            <div class="summary-section">
                <h2 class="section-title">总结</h2>
                <p>综上所述，薪酬与福利规划是企业人力资源管理中的重要组成部分。企业应制定合理的薪酬结构和福利体系，确保员工的整体收入水平既公平又具有竞争力；同时，还需根据员工的绩效、市场变化、企业经营状况等因素，定期对薪酬进行调整；并建立完善的福利制度，提高员工的满意度和忠诚度。通过科学合理的薪酬与福利规划，企业可以吸引和留住优秀人才，推动企业的持续发展。
                </p>
            </div>
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        printForm() {
            window.print();
        }
    }
};
</script>

<style scoped>
.hr-config-planning-container {
    max-width: 210mm;
    margin: 0px auto;
    padding: 20px;
    border-radius: 10px;
    font-family: '宋体';
    text-align: left;
    min-height: 100vh;
}

.page {
    width: 210mm;
    height: 297mm;
    padding: 15mm;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    page-break-after: always;
    text-align: left;
    line-height: 29.3326px;
    letter-spacing: 0.1039em;
    margin-top: 20px;
}

.main-title {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.section {
    margin-bottom: 30px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
}

.section-title {
    font-size: 20px;
    color: #007bff;
    margin-bottom: 15px;
}

.sub-section {
    margin-bottom: 20px;
}

.sub-section-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.content-list,
.step-list {
    list-style: none;
    padding: 0;
}

.content-list li {
    margin-bottom: 12px;
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
    list-style-position: inside;
    text-indent: 2em;
}

.content-list li::before {
    content: '•';
    color: #007bff;
    position: absolute;
    left: 0;
    top: 4px;
}

.step-list {
    list-style: decimal;
    padding-left: 20px;
}

.step-list li {
    margin-bottom: 12px;
    line-height: 1.6;
    list-style-position: inside;
    text-indent: 2em;
}

p {
    line-height: 2em;
    text-indent: 2em;
}

.summary-section {
    text-align: left;
    /* font-weight: bold; */
}

.print-btn {
    display: flex;
    justify-content: space-between;
}

@media print {
    .hr-planning-container {
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .page {
        box-shadow: none;
        border: none
    }

    .print-btn {
        display: none;
    }

    body {
        font-family: '宋体';
    }
}
</style>